<template>
  <section class="component company-details">
    <ul>
      <li>
        <span>企业客户编号：</span>
        <span>{{ model.personalNo }}</span>
      </li>
      <!-- <li>
        <span>注册所在城市：</span>
        <span>{{ model.entityId }}</span>
      </li> -->
      <!-- <li>
        <span>经营地地址：</span>
        <span>{{ model.businessAddress }}</span>
      </li> -->
      <li>
        <span>核心企业编号：</span>
        <span>{{ model.coreEnterpriseNo }}</span>
      </li>
      <li>
        <span>核心企业名称：</span>
        <span>{{ model.coreEnterpriseName }}</span>
      </li>
      <li>
        <span>核心企业联系人：</span>
        <span>{{ model.coreEnterpriseContName }}</span>
      </li>
      <li>
        <span>核心企业联系电话：</span>
        <span>{{ model.coreEnterpriseContPhone }}</span>
      </li>
      <li>
        <span>最近一次还款金额：</span>
        <span>{{ model.latelyPayAmount && `${model.latelyPayAmount}元` }}</span>
      </li>
      <li>
        <span>最近一次还款日期：</span>
        <span>{{ model.latelyPayDate | dateFormat }}</span>
      </li>
       <li>
        <span>企业邮箱：</span>
        <span>{{ model.email }}</span>
      </li>
    </ul>
  </section>
</template>

<script lang="ts">
import Vue from "vue";
import Component from "vue-class-component";
import { Dependencies } from "~/core/decorator";
import { Prop } from "vue-property-decorator";
import { namespace } from "vuex-class";
const CollectionExecutionModule = namespace("collection-execution");
@Component({
  components: {}
})
export default class CompanyDetails extends Vue {
  @CollectionExecutionModule.State private caseId;
  @Prop() private model;
}
</script>
<style lang="less" scoped>
.component.company-details {
  padding: 5px 5px 5px 0px;
  .padding-bottom-8 {
    padding-bottom: 8px;
    .name {
      color: #606266;
    }
  }
  ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    li {
      width: 49%;
      list-style: none;
      padding-bottom: 10px;
    }
  }
}
</style>
